<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>零の守墓人の博客</title>

    <!-- 字体优化配置 -->
    <!-- 预加载关键字体 -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <!-- 字体显示优化 -->
    <style>
        /* 字体回退和显示优化 */
        
        @font-face {
            font-family: 'PingFang SC';
            font-display: swap;
            src: local('PingFang SC');
        }
        
        @font-face {
            font-family: 'Microsoft YaHei';
            font-display: swap;
            src: local('Microsoft YaHei');
        }
        /* 防止字体闪烁 */
        
        .font-loading {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
        }
        /* 字体渲染优化 */
        
        body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
            font-feature-settings: 'liga' 1, 'kern' 1;
        }
        /* 中文字体优化 */
        
        .chinese-text {
            font-family: 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
        }
        /* 英文数字字体优化 */
        
        .english-text {
            font-family: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
        }
    </style>
</head>

<body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
</body>

</html>